<template>
    <div class="PaymentSuccess">
         <headerTou title="买单成功" :border=true></headerTou> 
          <div class="Success">
              <img src="../img/充值成功@2x.png" alt="">
              <div class="Success1">买单成功</div>
              <div class="yuer">1999.00元</div>
          </div>
             <div class="zhifu" @click=wancheng>
                 完成
         </div>
    </div>
</template>
<script>
import headerTou from "./zujian/header.vue";
export default {
  data() {
    return {};
  },
  created() {},
  mounted() {},
  methods: {
      wancheng:function(){
            this.$router.push({name:"friendsPrivilege"})
      }
  },
  components: {
    headerTou
  }
};
</script>
<style lang="scss" scoped>
.PaymentSuccess {
  .Success {
    position: relative;
    width: 750px;
    height: 181 * 2px;
    img {
      width: 58 * 2px;
      height: 58 * 2px;
      position: absolute;
      top: 50 * 2px;
      left: 0;
      right: 0;
      right: 0;
      margin: auto;
    }
    .Success1 {
      font-family: PingFangSC-Regular;
      font-size: 36px;
      color: #333333;
      position: absolute;
      top: 120 * 2px;
      left: 0;
      right: 0;
      right: 0;
      margin: auto;
      text-align: center;
    }
    .yuer {
      font-family: SFUIText-Regular;
      font-size: 42px;
      color: #333333;
      position: absolute;
      top: 150 * 2px;
      left: 0;
      right: 0;
      right: 0;
      margin: auto;
      text-align: center;
    }
  }
  .zhifu {

    border-radius: 8px;
    box-shadow: 0 0.026667rem 0.053333rem 0 rgba(40, 8, 92, 0.4);
    width: 337 * 2px;
    height: 46 * 2px;
    margin: 0 19 * 2px;
    text-align: center;
    line-height: 46 * 2px;
    font-family: PingFangSC-Regular;
    font-size: 32px;
    color: #333333;
    margin-top:56px; 
    background: #E97A36 ;
    color: #ffffff;
  }
}
</style>

